

.bar {
    fill: steelblue;
}

.bar:hover {
    fill: brown;
}

.axis text {
    font: 10px sans-serif;
}

.axis path,
.axis line {
    fill: inherit;
    stroke: #000;
    shape-rendering: crispEdges;
}

.axis--x path {
    display: inherit;
}

.testOutput {
    font-size: large;
    font-weight: 200;
}

.refHLine {
    stroke: gray;
    stroke-width: 2;
    stroke-opacity: 0.2;
}

.refHLine:nth-child(odd) {
    stroke-dasharray: 20, 10;
}

.refHLine:nth-child(even) {
    stroke-dasharray: 40, 20;
}

.refCircle {
    fill: white;
    fill-opacity: 0;
    stroke: gray;
    stroke-dasharray: 4, 4;
    stroke-width: 2;
    stroke-opacity: 0.5;
}

.originalPoint {
    r: 5;
    /*stroke: black;*/
    stroke: black;
    fill: white;
    stroke-width: 2;
}

.circlePoint {
    r: 7;
    fill-opacity: 0.5;
    stroke: black;
    stroke-width: 1;
    stroke-opacity: 0.5;
}

.rectPoint {
    fill-opacity: 0.5;
    stroke: black;
    stroke-width: 1;
    stroke-opacity: 0.5;
}

.titleText {
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

.axisText {
    font-weight: bold;
    font-size: medium;
    text-align: center;
}

.labelFrame {
    fill: white;
    stroke: black;
    stroke-width: 1;
}

.labelText {
    font-size: small;
    font-weight: normal;
}

.bacteriaText {
    font-size: small;
    font-weight: normal;
}

.minialContour {
    fill: gold;
    fill-opacity: 0.5;
    stroke: black;
    stroke-width: 1;
    stroke-opacity: 0.66;
}